<template>
	<view class="m-r-title">
		<navigator class="m-r-title-url" :url="url" :open-type="openType"></navigator>
		<view class="m-r-title-title">{{ title }}</view>
	</view>
</template>

<script>
	export default{
		props:{
			title:{
				type:String,
				required:true
			},
			url:{
				type:String,
				default:'/'
			},
			openType:{
				type:String,
				default:'navigate'
			}
		}
	}
</script>

<style lang="scss" scoped>
	.m-r-title {
		display: flex;
		align-items: center;
		height:178upx;
		padding:38upx 42upx 0;
		background-image: url('');
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}
	
	.m-r-title-url {
		width:27upx;
		height:47upx;
		background-image: url('');
		background-position: center;
		background-repeat: no-repeat;
		background-size: 100%;
	}
	
	.m-r-title-title {
		width:610upx;
		height:138upx;
		line-height: 138upx;
		text-align: center;
		font-size:18px;
		font-weight: bold;
		color:#fff;
	}
</style>
